<script setup lang="ts"></script>

<template>
  <ElContainer class="outer">
    <ElHeader height="64px">
      <AppHeader></AppHeader>
    </ElHeader>
    <ElContainer class="inner">
      <ElAside>
        <AppAside></AppAside>
      </ElAside>
      <ElMain>
        <RouterView />
      </ElMain>
    </ElContainer>
  </ElContainer>
</template>

<style scoped>
.outer {
  /* border: 1px solid brown; */
  height: 100vh;
}
.inner {
  /* border: 1px solid blue; */
  overflow: auto;
}
.el-header {
  background-color: burlywood;
}
.el-aside {
  background-color: burlywood;
  width: fit-content;
}
.el-main {
  background-color: white;
}
</style>
